<!DOCTYPE html>
<html>
<head>
    <title></title>
    #parse("sys/header.html")
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="!detail&&showList">
        <Row :gutter="16">
            <i-col span="4">
                <i-input v-model="q.orderSn" @on-enter="query" placeholder="璁㈠崟鍙�"/>
            </i-col>
            <i-col span="4">
                <i-select v-model="q.orderStatus">
                    <i-option value="0">寰呬粯娆�</i-option>
                    <i-option value="101">璁㈠崟宸插彇娑�</i-option>
                    <i-option value="102">璁㈠崟宸插垹闄�</i-option>
                    <i-option value="201">璁㈠崟宸蹭粯娆�</i-option>
                    <i-option value="300">璁㈠崟宸插彂璐�</i-option>
                    <i-option value="301">鐢ㄦ埛纭鏀惰揣</i-option>
                    <i-option value="401">閫�娆�</i-option>
                    <i-option value="402">瀹屾垚</i-option>
                </i-select>
            </i-col>
            <!--<i-col span="4">-->
                <!--<i-select v-model="q.orderType">-->
                    <!--<i-option value="1">鏅�氳鍗�</i-option>-->
                    <!--<i-option value="2">鍥㈣喘璁㈠崟</i-option>-->
                    <!--<i-option value="3">鐮嶄环璁㈠崟</i-option>-->
                <!--</i-select>-->
            <!--</i-col>-->
            <i-button @click="query">鏌ヨ</i-button>
            #if($shiro.hasPermission("order:sendGoods"))
            <i-button type="warning" @click="sendGoods">鍙戣揣</i-button>
            #end
            #if($shiro.hasPermission("order:confirm"))
            <i-button type="error" @click="confirm">纭鏀惰揣</i-button>
            #end
        </Row>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>

    <Card v-show="!showList&&!detail">
        <p slot="title">{{title}}</p>
        <i-form :model="order" :label-width="100">
            <Form-item label="蹇�掑叕鍙�" prop="shippingId">
                <i-select v-model="order.shippingId" filterable>
                    <i-option v-for="shipping in shippings" :value="shipping.id" :key="shipping.id">{{shipping.name}}
                    </i-option>
                </i-select>
            </Form-item>
            <Form-item label="蹇�掑崟鍙�" prop="shippingNo">
                <i-input v-model="order.shippingNo" placeholder="蹇�掑崟鍙�"/>
            </Form-item>
            <Form-item>
                <i-button type="primary" @click="saveOrUpdate">鎻愪氦</i-button>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>
                杩斿洖</i-button>
            </Form-item>
        </i-form>
    </Card>

    <Card v-show="detail">
        <p slot="title" style="height: auto">
            {{title}}
        </p>
        <i-form ref="formValidate" :model="order" :label-width="80">
            <Form-item label="璁㈠崟鍙�" prop="orderSn">
                <i-input v-model="order.orderSn" readonly/>
            </Form-item>
            <Form-item label="浼氬憳" prop="userName">
                <i-input v-model="order.userName" readonly/>
            </Form-item>
            <Form-item label="璁㈠崟绫诲瀷" prop="orderType">
                <i-select v-model="order.orderType" disabled>
                    <i-option value="1">鏅�氳鍗�</i-option>
                    <i-option value="2">鍥㈣喘璁㈠崟</i-option>
                    <i-option value="3">鐮嶄环璁㈠崟</i-option>
                </i-select>
            </Form-item>
            <Form-item label="璁㈠崟鐘舵��" prop="orderStatus" readonly>
                <Radio-group v-model="order.orderStatus">
                    <Radio label="0" disabled>
                        <span>寰呬粯娆�</span>
                    </Radio>
                    <Radio label="101" disabled>
                        <span>璁㈠崟宸插彇娑�</span>
                    </Radio>
                    <Radio label="102" disabled>
                        <span>璁㈠崟宸插垹闄�</span>
                    </Radio>
                    <Radio label="201" disabled>
                        <span>璁㈠崟宸蹭粯娆�</span>
                    </Radio>
                    <Radio label="300" disabled>
                        <span>璁㈠崟宸插彂璐�</span>
                    </Radio>
                    <Radio label="301" disabled>
                        <span>鐢ㄦ埛纭鏀惰揣</span>
                    </Radio>
                    <Radio label="401" disabled>
                        <span>閫�娆�</span>
                    </Radio>
                    <Radio label="402" disabled>
                        <span>瀹屾垚</span>
                    </Radio>
                </Radio-group>
            </Form-item>
            <Form-item label="鍙戣揣鐘舵��" prop="shippingStatus">
                <Radio-group v-model="order.shippingStatus">
                    <Radio label="0" disabled>
                        <span>寰呭彂璐�</span>
                    </Radio>
                    <Radio label="1" disabled>
                        <span>宸插彂璐�</span>
                    </Radio>
                    <Radio label="2" disabled>
                        <span>宸叉敹璐�</span>
                    </Radio>
                    <Radio label="4" disabled>
                        <span>閫�璐�</span>
                    </Radio>
                </Radio-group>
            </Form-item>
            <Form-item label="浠樻鐘舵��" prop="payStatus">
                <Radio-group v-model="order.payStatus">
                    <Radio label="0" disabled>
                        <span>寰呬粯娆�</span>
                    </Radio>
                    <Radio label="1" disabled>
                        <span>浠樻涓�</span>
                    </Radio>
                    <Radio label="2" disabled>
                        <span>宸蹭粯娆�</span>
                    </Radio>
                </Radio-group>
            </Form-item>
            <Form-item label="鏀惰揣浜�" prop="consignee">
                <i-input v-model="order.consignee" readonly/>
            </Form-item>
            <Form-item label="鏀惰揣鍦板潃" prop="address">
                <i-input v-model="order.address" readonly/>
            </Form-item>
            <Form-item label="鑱旂郴鐢佃瘽" prop="mobile">
                <i-input v-model="order.mobile" readonly/>
            </Form-item>
            <Form-item label="蹇�掑叕鍙�" prop="shippingName">
                <i-input v-model="order.shippingName" readonly/>
            </Form-item>
            <Form-item label="蹇�掑崟鍙�" prop="shippingNo">
                <i-input v-model="order.shippingNo" readonly/>
            </Form-item>
            <Form-item label="浠樻鏂�" prop="payName">
                <i-input v-model="order.payName" readonly/>
            </Form-item>
            <Form-item label="蹇�掕垂鐢�" prop="shippingFee">
                <i-input v-model="order.shippingFee" readonly/>
            </Form-item>
            <Form-item label="瀹為檯鏀粯" prop="actualPrice">
                <i-input v-model="order.actualPrice" readonly/>
            </Form-item>
            <Form-item label="璁㈠崟鎬讳环" prop="orderPrice">
                <i-input v-model="order.orderPrice" readonly/>
            </Form-item>
            <Form-item label="鍟嗗搧鎬讳环" prop="goodsPrice">
                <i-input v-model="order.goodsPrice" readonly/>
            </Form-item>
            <Form-item label="涓嬪崟鏃堕棿" prop="addTime">
                <Date-picker v-model="order.addTime" placeholder="浣跨敤鏃堕棿" readonly/>
            </Form-item>
            <Form-item label="浠樻鏃堕棿" prop="payTime">
                <Date-picker v-model="order.payTime" placeholder="浣跨敤鏃堕棿" readonly/>
            </Form-item>
            <Form-item label="閰嶉�佽垂鐢�" prop="freightPrice">
                <i-input v-model="order.freightPrice" readonly/>
            </Form-item>

            <Form-item>
                <i-button type="warning" @click="reload" style="margin-left: 8px"/>
                杩斿洖</i-button>
            </Form-item>
        </i-form>
    </Card>

</div>
<script src="${rc.contextPath}/js/order/order.js?_${date.systemTime}"></script>
</body>
</html>